/* ====== home banner start ====== */
.carousel-btn {
	text-align:center;
	margin:10px 0;
}
.carousel-btn a {
	display:inline-block;
	width:16px;
	height:16px;
	border-radius:16px;
	margin:0 6px;
	background:#CCC;
}
.carousel-btn .selected {
	background:#da251c;
	cursor:default;
}
.carousel-btn a span {
	display:none;
}
.carousel-btn-fixed {
	width:100%;
	position:absolute;
	bottom:15px;
	left:0;
	margin:0;
	z-index:100;
}
.carousel {
	position:relative;
	padding:0px;
}

@media (min-width:768px) and (max-width:991px) {
	.carousel{ height:380px !important; }
	.carousel .carousel-item .carousel-img a img{ height:380px !important; }
}

@media screen and (max-width:768px) {
	.carousel{ height:320px !important; }
	.carousel .carousel-item .carousel-img a img{ height:320px !important; }
}
@media screen and (max-width:640px) {
	.carousel{ height:260px !important; }
	.carousel .carousel-item .carousel-img a img{ height:260px !important; }
}
@media screen and (max-width:480px) {
	.carousel{ height:145px !important; }
	.carousel .carousel-item .carousel-img a img{ height:145px !important; }
}
.carousel-item {
	position:relative;
	float:left;
	display:block;
}
.carousel-item .carousel-img {
	display:block;
}
.carousel-item .carousel-img a[href="javascript:;"] {
	cursor:default;
}
.carousel-item .carousel-img img {
	display:block;
}
.responsive-carousel {
	overflow:hidden;
}
.responsive-carousel .carousel-item img {
	width:100%;
	height:auto !important;
}
.responsive-carousel .carousel-direction {
	display:none;
}
.responsive-carousel:hover .carousel-direction {
	display:block;
}
.responsive-carousel-set .carousel-info-inner h3 {
	font-weight:normal;
}
/* ====== home banner end ====== */
/* ====== home more start ====== */
.more{
	font-size:14px;
	margin:0px auto;
	margin-top:26px;
	border:1px solid #9ea2a7;
	height:40px;
	line-height:38px;
	padding:0px;
	width:158px;
	transition:all 0.3s;
	background:none;
	color:#666;
	border-radius:0px;
	text-indent:0px;
	display:inline-block;
}
.more:hover{
	border:1px solid #df0615;
	background:#df0615;
	color:#FFF;
}
/* ====== home more end ====== */

/* ====== home product list start ====== */
.homeProList{
	padding:0px;
	padding-bottom:78px;
	background:url(../images/banner-03.jpg) no-repeat center center;
	background-size:cover;
}
.homeProList h1{
	font-size:26px;
	color:#333;
	font-weight:normal;
	line-height:28px;
	text-align:center;
	padding-top:68px;
}
.homeProList h1 div{
	font-size:14px;
	padding-top:20px;
}
.homeProList h1 div i{
	display:inline-block;
	height:1px;
	border-top:1px solid rgba(51,51,51,0.2);
	vertical-align:middle;
}
.homeProList h1 div span{
	display:inline-block;
	text-align:center;
	vertical-align:middle;
	color:#999;
	font-size:16px;
}

.products h1 div i{
	width:10%;
}
.products h1 div span{
	width:20%;
}
@media (max-width: 1200px) {
	.products h1 div i{
		width:20%;
	}
	.products h1 div span{
		width:30%;
	}
}
@media (max-width: 768px) {
	.products h1 div i{
		width:15%;
	}
	.products h1 div span{
		width:40%;
	}
}
.homeProList .proList{
	padding-top:46px;
	overflow:hidden;
}
.homeProList .proList li{
	padding:0px 13px;
}
@media (max-width: 768px) {
	.homeProList .products{
		padding:0px;
	}
	.homeProList .proList{
		padding:0px;
	}
	.homeProList .proList li{
		padding:0px 5px 0px 10px;
	}
	.homeProList .proList li:nth-child(2n){
		padding:0px 10px 0px 5px;
	}
}
.homeProList .proList li a{
	color:#666;
	overflow:hidden;
	width:100%;
	display:block;
}
.homeProList .proList li a.txt{
	height:65px;
	line-height:55px;
	overflow:hidden;
}
@media (max-width: 768px) {
	.homeProList .proList li a.txt{
		height:45px;
		line-height:35px;
	}
}
.homeProList .proList li a:hover{
	color:#da261e;
}
.homeProList .proList li img{
	transition:all 0.6s;
	width:100%;
}
.homeProList .proList li img:hover{
	transform:scale(1.4);
}
.homeProList .proList li h3{
	text-align:left;
	height:50px;
	overflow:hidden;
	padding-top:5px;
	line-height:45px;
	font-size:16px;
	font-weight:bold;
}
.homeProList .proList li h3 a{
	color:#4d4d4d;
}
.homeProList .proList li h3 a:hover{
	color:#0f61b9;
}
.homeProList .proList li p{
	text-align:left;
	line-height:25px;
	color:#4d4d4d;
	height:75px;
	overflow:hidden;
}
/* ====== home product list end ====== */

/* ====== home honor list start ====== */
.homeHonorList{
	padding:0px;
	padding-bottom:78px;
}
.homeHonorList h1{
	font-size:26px;
	color:#333;
	font-weight:normal;
	line-height:28px;
	text-align:center;
	padding-top:68px;
}
.homeHonorList h1 div{
	font-size:14px;
	padding-top:20px;
}
.homeHonorList h1 div i{
	display:inline-block;
	height:1px;
	border-top:1px solid rgba(51,51,51,0.2);
	vertical-align:middle;
	width:10%;
}
.homeHonorList h1 div span{
	display:inline-block;
	text-align:center;
	vertical-align:middle;
	color:#999;
	font-size:16px;
	width:20%;
	text-transform:uppercase;
}

@media (max-width: 1200px) {
	.homeHonorList h1 div i{
		width:20%;
	}
	.homeHonorList h1 div span{
		width:30%;
	}
}
@media (max-width: 768px) {
	.homeHonorList h1 div i{
		width:15%;
	}
	.homeHonorList h1 div span{
		width:40%;
	}
}
.homeHonorList .honorList{
	padding-top:46px;
}
.homeHonorList .honorList li{
	padding:0px 10px;
	width:20%;
	float:left;
	margin-bottom:10px;
}

@media (max-width: 768px) {
	.homeHonorList .honorList li{
		width:50%;
		padding:0px 5px 0px 10px;
	}
	.homeHonorList .honorList li:nth-child(2n){
		padding:0px 10px 0px 5px ;
	}
	.homeHonorList .honorList li:nth-child(5){
		display:none;
	}
}
.homeHonorList .honorList li a{
	color:#666;
	overflow:hidden;
	width:100%;
	display:block;
	border:1px solid #b7b7b7;
}
.homeHonorList .honorList li a:hover{
	color:#da261e;
}
.homeHonorList .honorList li img{
	transition:all 0.6s;
	width:100%;
}
.homeHonorList .honorList li img:hover{
	transform:scale(1.1);
}
/* ====== home product list end ====== */
/* ====== home honor list start ====== */
.homeCaseList{
	padding:0px;
	padding-bottom:50px;
	/* background:#f7f7f7; */
}
.homeCaseList h1{
	font-size:26px;
	color:#333;
	font-weight:normal;
	line-height:28px;
	text-align:center;
	padding-top:68px;
}
.homeCaseList h1 div{
	font-size:14px;
	padding-top:20px;
}
.homeCaseList h1 div i{
	display:inline-block;
	height:1px;
	border-top:1px solid rgba(51,51,51,0.2);
	vertical-align:middle;
	width:10%;
}
.homeCaseList h1 div span{
	display:inline-block;
	text-align:center;
	vertical-align:middle;
	color:#999;
	font-size:16px;
	width:20%;
	text-transform:uppercase;
}

@media (max-width: 1200px) {
	.homeCaseList h1 div i{
		width:20%;
	}
	.homeCaseList h1 div span{
		width:30%;
	}
}
@media (max-width: 768px) {
	.homeCaseList h1 div i{
		width:15%;
	}
	.homeCaseList h1 div span{
		width:40%;
	}
}
.homeCaseList .caseList{
	padding-top:46px;
	overflow:hidden;
}
.homeCaseList .caseList li{
	padding:0px;
}

@media (max-width: 768px) {
}
.homeCaseList .caseList li a{
	color:#666;
	overflow:hidden;
	width:100%;
	display:block;
	position:relative;
}
.homeCaseList .caseListli a:hover{
	color:#da261e;
}
.homeCaseList .caseList li img{
	transition:all 0.6s;
	width:100%;
	z-index:1;
}
.homeCaseList .caseList li:hover img{
	transform:scale(1.1);
}
.homeCaseList .caseList li a p{
	display:block;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.8);
	color:#FFF;
	font-weight:bold;
	text-align:center;
	position:absolute;
	top:0px;
	left:0px;
	z-index:2;
	opacity:0;
	transition:all 0.6s;
}
.homeCaseList .caseList li:hover a p{
	opacity:1;
	padding-top:calc(50% - 20px);
}
/* ====== home product list end ====== */



/* ====== home about start ====== */
.homeAbout{
	background-color:#FFF;
	color:#333;
	line-height:28px;
	text-align:center;
	padding-bottom:80px;
}

.homeAbout .about{
	text-align:right;
	padding-top:60px;
	color:#666;
	line-height:30px;
}
.homeAbout .about img{
	float:left;
	margin-right:30px;
}
.homeAbout .about strong{
	font-size:22px;
	color:#df0615;
	text-align:left;
	display:block;
	height:50px;
}
@media (max-width: 768px) {
	.homeAbout .about img{
		margin:0px auto 20px auto;
		float:none;
		display:block;
		max-width:100%;
	}
}
.homeAbout .about p{
	text-align:left;
	text-indent:30px;
}
/* ====== home about end ====== */

/* ====== home news list start  ====== */

.homeNewsList{
	padding:0px 0px 60px 0px;
	/* background:#f9f9f9; */
}
.homeNewsList h2{
	font-size:16px;
	color:#333;
	text-align:left;
	font-weight:bold;
	padding-top:60px;
}
.homeNewsList h2 a{
	display:block;
	float:right;
	font-size:14px;
	color:#666;
	padding-right:16px;
	font-weight:normal;
}
.homeNewsList h2 a:hover{
	color:#df0615;
}
.homeNewsList .container{
	padding:0px;
}

.homeNewsList .newsFirst{
	overflow:hidden;
	padding-top:17px;
}
.homeNewsList .newsFirst img{
	overflow:hidden;
	width:200px;
	float:left;
}
.homeNewsList .newsFirst section{
	overflow:hidden;
	width:calc(100% - 200px);
	float:left;
	padding-left:10px;
	text-align:left;
}
@media (max-width: 768px) {
	.homeNewsList .newsFirst img{
		overflow:hidden;
		width:120px;
		float:left;
	}
	.homeNewsList .newsFirst section{
		overflow:hidden;
		width:calc(100% - 120px);
		float:left;
		padding-left:10px;
		text-align:left;
	}
}
.homeNewsList .newsFirst section a{
	font-weight:bold;
	color:#333;
	font-size:15px;
	height:30px;
	line-height:30px;
	overflow:hidden;
	display:block;
}
.homeNewsList .newsFirst section a:hover{
	color:#df0615;
}
.homeNewsList .newsFirst section p{
	color:#666;
	line-height:28px;
	max-height:84px;
}
@media (max-width: 768px) {
	.homeNewsList .newsFirst section p{
		max-height:56px;
	}
}
.homeNewsList ul li{
	height:46px;
	line-height:46px;
	text-align:left;
	border-bottom:1px solid #e5e5e5;
	text-indent:15px;
	position:relative;
	overflow:hidden;
}
.homeNewsList ul li a:hover{
	color:#df0615;
}
.homeNewsList ul li span{
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	width:30px;
	height:46px;
}
.homeNewsList ul li span i{
	display:block;
	width:2px;
	height:2px;
	background:#7c7c7c;
	position:absolute;
	top:20px;
	left:4px;
}
.homeNewsList ul li span i:first-child{
	top:20px;
	left:0px;
}
.homeNewsList ul li span i:last-child{
	top:24px;
}
.homeNewsList .homeContact a{
	display:block;
	position:relative;
	padding-top:17px;
}
.homeNewsList .homeContact a img{
	display:block;
	width:100%;
}
.homeNewsList .homeContact a div{
	display:block;
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	color:#FFF;
	text-align:left;
	padding-left:10px;
	line-height:40px;
	padding-bottom:5px;
}
.homeNewsList .homeContact a div h1{
	font-size:16px;
	font-weight:bold;
}

/* ====== home news list end ====== */

#PageContent li{ float:left;}